﻿body{ font-family:Arial; font-size:12px; overflow:hidden;}
*{ margin:0; border:0; padding:0;}
ul{ list-style-type:none;}
.textbox

#whole{ width:100%; height:100%; background-color:#ff0;}
#bg1{ width:62px; height:68px; background:url("../Images/Note/background_01.jpg") no-repeat;}
#bg2{ width:62px; height:68px; background:url("../Images/Note/background_02.jpg") no-repeat;}
#bg3{ width:62px; height:102px; background:url("../Images/Note/background_03.jpg") no-repeat;}
#bg4{ width:62px; height:102px; background:url("../Images/Note/background_04.jpg") no-repeat;}
#bgTop{ height:68px; overflow:hidden;}
#bgBottom{ height:102px; overflow:hidden;}
#bgLeft{ width:62px; overflow:hidden;}
#bgRight{ width:62px; overflow:hidden;}

#bgTop .bg{ width:100%; height:100%;}
#bgBottom .bg{ width:100%; height:100%;}
#bgLeft .bg{ width:100%; height:100%;}
#bgRight .bg{ width:100%; height:100%;}

#bgTop .guide{ color:#3c3c3c; z-index:2;}
#bgTop .guide li{ width:50px; height:40px; line-height:40px; float:left; text-align:center;}

#toolBoard{ width:547px; height:70px; background:url("../Images/Note/baseBoard.jpg") center bottom no-repeat;}
#toolBoard li{ width:80px; height:60px; float:left; position:relative;}
#toolBoard li img{ width:50px; height:50px; top:5px; left:15px; position:absolute;}

#window{ overflow:hidden;}

#titleBar{ width:100%; height:33px; background:url("../Images/Note/titleBar.jpg"); overflow:hidden;}
#titleBar .divSearch{ width:228px; height:33px; float:right; position:relative; background:url("../Images/Note/titleBarSearch_01.jpg") no-repeat;}
#titleBar .divSearch_add{ background-image:url("../Images/Note/titleBarSearch_02.jpg");}
#titleBar .divSearch .txtSearch{ width:156px; height:16px; top:8px; left:16px; position:absolute; background-color:#fff;}
#titleBar .divSearch .btnSearch{ width:16px; height:16px; display:block; top:8px; left:174; position:absolute; background:url("../Images/Note/titleBarSearchButton_01.jpg") no-repeat; cursor:pointer;}
#titleBar .divSearch .btnSearch_add{ background-image:url("../Images/Note/titleBarSearchButton_02.jpg");}

#windowInner{ overflow:hidden;}

#plateBook{ width:200px; height:100%; z-index:300; background:url("../Images/Note/plateNotebook.jpg"); overflow:hidden;}
#platePage{ width:250px; height:100%; z-index:200; background-color:#ededed; border-right:2px solid #bebebe; overflow:hidden;}
#plateRegion{ width:100px; height:100%; z-index:100; background-color:#fafafa; overflow:hidden;}

.divNote .plateNoteBookExtendStrip{ width:14px; height:0px; display:none; position:absolute; background:url("../Images/Note/plateBookExtendStrip.jpg"); cursor:pointer; z-index:400;}
.divNote .platePageExtendStrip{ width:14px; height:0px; display:none; position:absolute; background:url("../Images/Note/platePageExtendStrip.jpg"); cursor:pointer; z-index:500;}
.divNote .extendStripArrow{ width:14px; height:60px; background:url("../Images/Note/extendStripArrow.gif") no-repeat;}

/*plateBook，开始*/
#bookList{ height: 100px; overflow:auto; overflow-y:auto; overflow-x:hidden;}
#bookList .book{ width:100%;}
#bookList .book .head{ width:100%; height:40px; background:url("../Images/Note/noteListTile.jpg") repeat-x; cursor:pointer;}
#bookList .book .head_over{ background:url("../Images/Note/noteListTile_over.jpg") repeat-x;}
#bookList .book .head .title{ cursor:pointer; color:#ccc;}
#bookList .book .head .arrow{ width:40px; height:40px; background:url("../Images/Note/noteListTitleArrows_01.jpg") no-repeat center right;}
#bookList .book .head .arrow_down{ background:url("../Images/Note/noteListTitleArrows_02.jpg") no-repeat center right;}
#bookList .book .head .arrow_over{ background:url("../Images/Note/noteListTitleArrows_04.jpg") no-repeat center right;}
#bookList .areaList{ width:100%; overflow:auto; overflow-y:auto; overflow-x:hidden;}
#bookList .areaList .area{ width:100%; height:30px; cursor:pointer;}
#bookList .areaList .area .icon{ width:22px; height:20px; background:url("../Images/Note/noteListPartition.jpg") no-repeat center;}
#bookList .areaList .area .title{ color:#ccc;}
#bookList .areaList .area .title_over{ color:#fff;}

#bookShrink1{ width:19px; height:11px; background:url("../Images/Note/plateNoteBookBtnFlex.jpg") center no-repeat; cursor:pointer; font-size:0;}
.bookShrink1_over{ border:1px solid #ccc;}

#plateBook .line1{ width:100%; height:2px; background-color:#252525; font-size:0;}
#plateBook .line2{ width:100%; height:2px; background-color:#252525; font-size:0;}

#recycleBin{ width:49px; height:49px; background:url("../Images/Note/dustbin_01.jpg") no-repeat;}
#stretch1{ width:20px; background-color:#444; display:none;}
#newBook{ position:absolute; width:28px; height:28px; left:15px; top:1px; cursor:pointer;}

.renameBookTextBox{ position:absolute; width:70%; height:20px; line-height:20px; left:10px; top:10; font-size:12px; color:#36f; text-indent:4px;}
.renameAreaTextBox{ position:absolute; width:70%; height:20px; line-height:20px; left:38px; top:6; font-size:12px; color:#36f; text-indent:4px;}
.renamePageTextBox{ position:absolute; width:70%; height:20px; line-height:20px; left:16px; top:4; font-size:12px; color:#36f; text-indent:4px;}

/*plateBook，结束*/




/*platePage的内容开始*/
#pageList{ width:100px; height:100px; overflow:auto;}
#pageList .page{ width:100%; height:60px; cursor:pointer;}
#pageList .page .bg{ height:50px;}
#pageList .page .bg_over{ background-color:#e5e5e5;}
#pageList .page .bg_down{ background-color:#d8d8d8;}
#pageList .page .bg_click{ background-color:#e5e5e5;}
#pageList .page .line{ height:2px; background-color:#d8d8d8; font-size:0;}
#pageList .page .describe{ color:#7a7a7a;}
#pageList .page .title{ color:#515151;}
#pageList .page .date{ width:70px; color:#3366cc; text-align:right;}
#stretch2{ width:20px; background-color:#e3e3e3; display:none;}
#pageShrink2{ width:19px; height:11px; top:10px; left:200px; position:absolute; background:url("../Images/Note/platePageBtnFlex.jpg") center no-repeat; cursor:pointer; font-size:0;}
.pageShrink2_over{ border:1px solid #ccc; top:9px;}
#platePage .line1{ width:100%; height:2px; background-color:#d8d8d8; font-size:0;}
#doSort{ position:absolute; top:4px; left:16px; background-color:#b5b5b5; color:#fff;}
/*platePage，结束*/




/*plateRegion，开始*/
#plateRegion{}
#plateRegion #toolBar{ height:30px; background-color:#fff;}
#plateRegion #infBar{ height:50px; background-color:#d5d5d5;}
#plateRegion #infBar .titleEditTextBox{ position:absolute; width:100%; height:20px; top:4px; color: #06f;}
#plateRegion #region{ height:10px; background-color:#fafafa; overflow:auto;}
#plateRegion #region #regionInner{ position:relative; width:100%; height:100%;}

#regionInner .piece{ position:absolute; width:200px; height:200px; border:1px solid #aaa; background-color:#fff; z-index:1;}
#regionInner .piece .head{ position:absolute; left:2px; top:2px; height:20px; border:1px solid #aaa; background-color:#ededed;}
#regionInner .piece .title{ position:absolute; left:8px; top:5px; color: #222;}
#regionInner .piece .titleEditTextBox{ position:absolute; left:8px; top:2px; color: #06f;}
#regionInner .piece .del{ position:absolute; top:5px; width: 16px; height: 16px; background-image: url(../../Images/Note/ui-icons_222222_256x240.png); background-position: -80px -128px; cursor:pointer;}
#regionInner .piece .del_over{ background-position: -32px -192px;}
#regionInner .piece .tool{ position:absolute;}
#regionInner .piece .body{ position:absolute; left:0; top:0; width:100px; height:100px; background-color:#fff; overflow:hidden;}

#infBar .titleOuter{ width:300px; height:26px;}
#infBar .titleOuter .title{ color:#787878; font-weight:bold; font-size:14px;}

#toolBar .save{ position:absolute; top:3px; left:4px; width:26px; height:26px; cursor:pointer;}
#toolBar .share{ position:absolute; top:3px; left:4px; width:26px; height:26px; cursor:pointer;}
#toolBar .add{ position:absolute; top:3px; left:4px; width:26px; height:26px; cursor:pointer;}
#toolBar .del{ position:absolute; top:3px; left:4px; width:26px; height:26px; cursor:pointer;}
/*plateRegion，结束*/



/*tabNotebookListType，开始*/
#tabNotebookListType{ left:36px; top:98px; position:absolute;}
#tabNotebookListType div.base{ width:26px; height:53px; background:#000 url("../../Images/Note/tabNotebookListType.jpg") no-repeat; margin-top:2px; cursor:pointer; color:#d3d3d3; font-weight:bold;}
#tabNotebookListType div.enter{ color:#fff;}
#tabNotebookListType div.down{ color:#151515;}
/*tabNotebookListType，结束*/



/*垃圾文件窗，开始*/
#rubbishBox{ width:500px; height:500px; background-color:#fff; z-index:999999; border:1px solid #d8d8d8;}
#rubbishBox .head{ height:30px; background: #cccccc url(../../Images/Note/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;}
#rubbishBox .head .title{ color:#575757; font-weight:bold;}
#rubbishBox .head div.delete{ width:16px; height:16px; background-image:url("../../Images/Note/ui-icons_222222_256x240.png"); background-position:-80px -128px; cursor:pointer;}
#rubbishBox .head div.delete_over{ background-position:-32px -192px;}
#rubbishBox .body{}
/*垃圾文件窗，结束*/




